#container {
    background-image: url("../images/backgroundImg.jpg");
    background-repeat: round;
    background-size: cover;

    display: flex; /*使用flex弹性布局*/
    flex-direction: row; /*主轴为横轴*/
    justify-content: center; /*在主轴方向居中对齐*/
    align-items: center; /*在交叉轴方向居中对齐*/
}

html, body, #container {
    height: 100%;
}

#loginwrapper {
    background-image: url("../images/loginBG.jpg");
    background-repeat: round;
    background-size: cover;
    width: 850px; /*宽度*/
    min-width: 850px; /*最小宽度*/
    height: 470px; /*高度*/
    border-radius: 10px; /*四个角变成圆角*/
    /*让子元素loginwindow从右到左排列*/
    display: flex;
    flex-direction: row-reverse;
}

#loginwindow {
    background-color: #fff;
    width: 45%;
    height: 100%;
    /*margin-left: 55%;*/
    border-radius: 10px; /*四个角变成圆角*/

    /*让子元素在主轴和交叉轴上都中对齐*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#logininfo {
    width: 80%; /*让当前元素宽度占父元素宽度的80%*/
    height: 70%; /*让当前元素高度占父元素宽度的70%*/
    font-size: 16px;
    color: #6c6c6c;
    /*让子元素在主轴方向两端对齐*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#logininfo input {
    border-bottom: 1px solid #007BFFFF;
    width: 100%; /*让当前元素宽度占父元素宽度的100%*/
    margin-top: 8px; /*设置上外边距为8px*/
    letter-spacing: 1px; /* 配置字间距为：5px */
    color: #6c6c6c; /*配置颜色为灰色*/
}

#btn_wrapper {
    /*使用弹性布局实现水平居中对齐*/
    /*display: flex;
    flex-direction: row;
    justify-content: center;*/
    text-align: center; /*让文本内容水平中对齐*/
}

#btn_wrapper > button {
    width: 200px;
    background-color: #007BFFFF;
    height: 40px;
    border-radius: 50px;
    color: #ffffff;
    letter-spacing: 5px; /* 配置字间距为：5px */
    font-weight: bolder; /* 加粗字体 */
    box-shadow: 0px 15px 25px -5px #000; /*配置阴影*/
    cursor: pointer; /*光标放上去时显示手型*/
}

h1, #a_wrapper {
    text-align: center; /*让文本内容水平中对齐*/
}

/*#a_wrapper{
    text-align: center; !*让文本内容水平中对齐*!
}*/

a:link, /*平常的普通状态*/
a:active, /*激活的状态*/
a:visited { /*已经访问过的状态*/
    color: #6c6c6c;
    text-decoration: none;
}

a:hover { /*鼠标放上去的状态*/
    color: #FF0000FF;
    text-decoration: underline;
    /*font-size: 20px;*/
}

/*
作用：
   删除如下的样式，通过修改form位置解决问题
*/

form {
    height: 100%;
}



